<html lang="zh-CN">

<head>

    <meta charset="utf-8">
    <title id='title'>Get牛</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1.0, user-scalable=no">
    <!-- Site CSS -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="http://static.bootcss.com/www/assets/css/site.min.css?v5" rel="stylesheet">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">

    <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>


    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>

    <style>
        @media all and (max-width: 35em) {
            .my-breakpoint .ui-block-a,
            .my-breakpoint .ui-block-b,
            .my-breakpoint .ui-block-c,
            .my-breakpoint .ui-block-d,
            .my-breakpoint .ui-block-e {
                width: 100%;
                float:none;
            }
        }

        @media all and (min-width: 45em) {
            .my-breakpoint.ui-grid-b .ui-block-a { width: 49.95%; }
            .my-breakpoint.ui-grid-b .ui-block-b,
            .my-breakpoint.ui-grid-b .ui-block-c { width: 24.925%; }
        }
    </style>



</head>
<body>

<div data-role="page" id="pageone">
    <div data-role="header" data-position="fixed" data-tap-toggle="false">


        <div class="ui-grid-b">
            <div class="ui-block-a">
                <img src="logo.png" style="width: 80px;">
            </div>
            <div class="ui-block-b">
                <input type="search" class="ui-grid-b"  name="search" id="searc-basic" value="" />
            </div>
            <div class="ui-block-c" style="">
                <div style="padding-top: 15px; text-align: center;">
                <a href="#" class="" >筛选</a>
                </div>
            </div>
        </div>

    </div>




    <div data-role="content" >
        <div class="ui-grid-b my-breakpoint">


            <div class="ui-block-a" style="margin-bottom: 20px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.18);
    position: relative;
    transition: all 1s ease 0s;
    overflow: hidden;">

                <a href="">
                    <img src="new1.jpg" style="vertical-align: middle; width: 100%;">

                </a>

                <div style=" padding: 6px 15px 28px;
    height: 80px;
    overflow: hidden;
">
                    <a href="" style="text-decoration: none;">
                        <h4>
                            我是牛人
                        </h4>
                    </a>
                    <small>我来自ecnu,我会完</small>
                </div>


                <div style="bottom: 34px;
    font-size: 12px;
    height: 35px;
    left: 10px;
    line-height: 35px;
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;">
                    <i class="fa fa-list-ul">
                    </i>
                    &nbsp;分类
                </div>



                <div style="    background-color: #f6f6f6;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #e7e7e7;
    box-shadow: 0 1px 0 0 #fff inset;
    padding: 7px 15px 7px 15px;
    color: #8B8B8C;  position: relative;
">

                    <i class="fa fa-eye"></i>
                    <span class="" style="padding-right: 12px">&nbsp;54</span>
                    <i class="fa fa-heart"></i>
                    <span class="" style="padding-right: 12px">&nbsp;10</span>
                    <div style="position: absolute;
    right: 1px;
    top: 1px;
    border-left: 1px solid #ddd;
    color: #aaa;
    cursor: default;
    width: 29px;
    line-height: 34px;
    height: 35px;
    transition: color 0.15s linear;
    text-align: center;
    font-size: 14px;" >
                        <i class="fa fa-user fa-lg"></i>
                    </div>
                </div>

            </div>



            <div class="ui-block-b"></div>

            <div class="ui-block-c"></div>
        </div>
    </div>




    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
        <div data-role="navbar" class="ui-navbar" role="navigation">
            <ul class="ui-grid-b">
                <li class="ui-block-a"><a href="#anylink" data-icon="home" class="ui-link ui-btn ui-icon-home ui-btn-icon-top ui-btn-active">首页</a></li>
                <li class="ui-block-b"><a href="#anylink" data-icon="arrow-u-r" class="ui-link ui-btn ui-icon-arrow-u-r ui-btn-icon-top">成为牛人</a></li>
                <li class="ui-block-c"><a href="#anylink" data-icon="user" class="ui-link ui-btn ui-icon-user ui-btn-icon-top">个人中心</a></li>
            </ul>
        </div>
</div>






<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/unveil/1.3.0/jquery.unveil.min.js"></script>
<script src="http://cdn.bootcss.com/scrollup/2.4.0/jquery.scrollUp.min.js"></script>
<script src="http://cdn.bootcss.com/toc/0.3.2/toc.min.js"></script>
<script src="http://cdn.bootcss.com/jquery.matchHeight/0.5.2/jquery.matchHeight-min.js"></script>
<script src="http://static.bootcss.com/www/assets/js/site.min.js"></script>
<script src="http://liveser.cn/js/ajaxfileupload.js"></script>

</body>
</html>